<!DOCTYPE html>
<!--/*@thymesVar id="templateName" type="java.lang.String"*/-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="base::common_header(~{::title},~{::link},~{::script})">
    <title>Main</title>
    <script src="/js/common.js"></script>
    <link rel="stylesheet" href="/css/main.css">
</head>
<body  class="layui-layout-body">
    <style>
        body{
            overflow: auto !important;
        }
        h1>span{
            color: red;
        }
        .layui-footer,.layui-header,.layui-body{
            min-width: 1280px!important;
        }
    </style>
    <div class="layui-layout layui-layout-admin">

            <div class="layui-header">
                <div class="layui-logo">艺考系统</div>
                <ul th:replace="(${session.templateDir}+'/nav')::mainContent" class="layui-nav layui-layout-left">
                    <li class="layui-nav-item"><a href="">控制台</a></li>
                    <li class="layui-nav-item"><a href="">商品管理</a></li>
                    <li class="layui-nav-item"><a href="">用户</a></li>
                </ul>
            <!--/*@thymesVar id="templateDir" type="java.lang.String"*/-->
            <!--/*@thymesVar id="common" type="java.lang.String"*/-->
                <!--<div th:include="~{(${session.templateDir}+'/common')::header}">顶部</div>-->
                <div class="layui-nav layui-layout-right">
                    <a href="/logout"  class="layui-nav-item" ><font color="white"> 退出登录</font></a>
                </div>
            </div>



            <!--<div class="body layui-row">-->

                <!--<div class="layui-side layui-bg-black" >-->
                    <!--<ul class="layui-nav layui-nav-tree"  lay-filter="test">-->
                    <!--<div th:replace="(${session.templateDir}+'/left')::mainContent">左侧导航栏</div>-->
                    <!--</ul>-->
                <!--</div>-->

                <div class="layui-body layui-bg-gray">
                    <div th:if="${not #strings.isEmpty(bodyRightContent)}" >
                        <!--/*@thymesVar id="bodyRightContent" type="java.lang.String"*/-->
                        <div th:replace="~{${bodyRightContent}::mainContent}" >右侧内容</div>
                    </div>
                </div>
            <!--</div>-->

            <div class="layui-footer">
                <div th:replace="base::common_footer" class=" layui-footer">页脚</div>
            </div>
    </div>
    <script>
        //JavaScript代码区域
        layui.use('element', function(){
            var element = layui.element;

        });
    </script>
</body>
</html>